/* tslint:disable */
/* eslint-disable */

import React, { CSSProperties, SVGAttributes, FunctionComponent } from 'react';
import { getIconColor } from './helper';

interface Props extends Omit<SVGAttributes<SVGElement>, 'color'> {
  size?: number;
  color?: string | string[];
}

const DEFAULT_STYLE: CSSProperties = {
  display: 'block',
};

const IconInvest: FunctionComponent<Props> = ({ size, color, style: _style, ...rest }) => {
  const style = _style ? { ...DEFAULT_STYLE, ..._style } : DEFAULT_STYLE;

  return (
    <svg viewBox="0 0 1024 1024" width={size + 'rem'} height={size + 'rem'} style={style} {...rest}>
      <path
        d="M512 114.986667a396.586667 396.586667 0 1 0 396.586667 396.586666A396.586667 396.586667 0 0 0 512 114.986667z m0 733.696A337.109333 337.109333 0 1 1 512 174.506667a337.109333 337.109333 0 0 1 0 674.218666z"
        fill={getIconColor(color, 0, '#333333')}
      />
      <path
        d="M751.317333 371.370667a29.653333 29.653333 0 0 0-23.338666-8.661334 29.653333 29.653333 0 0 0-1.92-0.042666l-138.794667-0.042667a29.781333 29.781333 0 0 0 0 59.52h71.210667l-110.848 110.805333-77.44-77.482666a29.696 29.696 0 0 0-21.546667-8.704 29.653333 29.653333 0 0 0-21.76 8.704L272.725333 609.706667a29.738667 29.738667 0 0 0 42.069334 42.069333l133.76-133.802667 77.738666 77.738667a29.610667 29.610667 0 0 0 21.077334 8.704 29.653333 29.653333 0 0 0 21.76-8.704l131.413333-131.498667v67.669334a29.781333 29.781333 0 0 0 59.52 0V393.130667v-0.341334a29.610667 29.610667 0 0 0-8.704-21.376z"
        fill={getIconColor(color, 1, '#333333')}
      />
    </svg>
  );
};

IconInvest.defaultProps = {
  size: 22,
};

export default IconInvest;
